{% extends "cover_layout.html" %}
{% block content %}

    <div class="d-flex w-100 h-100 mx-auto flex-column">
        <header class="masthead mb-auto">
		    <style>

        html, body {
            height: 100%;
            background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
            background-size: 400%;
			transition:none;
        }
    </style>
            <div class="navbar navbar-dark bg-dark shadow-sm">
                <div class="container d-flex justify-content-between">
                    <a href='{{ url_for('welcome') }}' class="navbar-brand d-flex align-items-center" style="color: #000;">
                        <img src="static/自然之窗.png" width="20" height="20" class="mr-2">
                        <strong>自然之窗</strong>
                    </a>
                    <nav class="nav nav-masthead justify-content-center">
                        <a class="nav-link active" href="#">首页</a>
                        <a class="nav-link" href='{{ url_for('intro') }}'>关于我们</a>
                        <a class="nav-link" href='{{ url_for('view_the_log') }}'>日志系统</a>
                        {% if current_user.is_authenticated %}
                            <a class="nav-link" href='{{ url_for('home') }}'>主页</a>
                            <a class="nav-link" href='{{ url_for('logout') }}'>退出</a>
                        {% else %}
                            <a class="nav-link" href='{{ url_for('login') }}'>登陆</a>
                            <a class="nav-link" href='{{ url_for('register')}}'>注册</a>
                        {% endif %}
						<a class="nav-link" href='{{ url_for('delete')}}'>注销</a>
                    </nav>
                </div>
            </div>
        </header>
        <main role="main" class="inner cover container" style="max-width: 65%;">
            <small><p class="lead text-muted" style="color: #000080 !important;">基于 Python 的 Flask Web 应用</small>
            <h1 class="cover-heading" style="color: #000080 !important;">自然之窗 - 动植物爱好者的信息浏览平台</h1>
            <p class="lead text-muted mt-4" style="color: #000080 !important;">自然之窗，字如其意，就像一个窗口一般为动植物爱好者提供了一个知识浏览平台。我们关注世界上的濒危的动物和植物，通过收录它们的信息展现给人们看，希望可以通过这样的行为引起人们对动植物的关注，引导人们关注动植物、保护动植物，促进人与自然的和谐共生。目前本平台只收录了部分的濒危动植物信息，收录工作还在继续中，未完待续......</p>
            <p class="lead">
                {% if current_user.is_authenticated %}
                    <a class="btn btn-lg btn-secondary" href='{{ url_for('register') }}'>JOIN US</a>
                {% else %}
                    <a class="btn btn-lg btn-secondary " style="color: white" href='{{ url_for('register') }}'>Join us</a>
                {% endif %}
            </p>
        </main>
        <footer class="mastfoot mt-auto" style="padding-top: 0px; padding-bottom: 1.5rem;">
        </footer>
    </div>

{% endblock content %}